/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 * @flow
 */

import React, { Component } from 'react';
import {
  AppRegistry,
  StyleSheet,
  Text,
  Image,
  ScrollView,
  ListView,
  View
} from 'react-native';
// import MainUI from './scripts/main/MainUI';
//
//
//
// class Greeting extends Component {
//   render() {
//     return (
//       <View style={{backgroundColor: 'skyblue'}}>
//         <Text>Hello {this.props.name}!</Text>
//         <Image source={this.props.url} style={{width: 193, height: 110}} />
//       </View>
//     );
//   }
// }
//
//
//
// export default class chj extends Component {
//   // render() {
//   //
//   //   let pic =
//   //   {
//   //     uri: 'https://upload.wikimedia.org/wikipedia/commons/d/de/Bananavarieties.jpg'
//   //   };
//   //
//   //
//   //   return (
//   //     //  <ScrollView>
//   //     //   <Text style={styles.welcome}>
//   //     //     Welcome to React Native!!!!
//   //     //   </Text>
//   //     //   <Text style={styles.instructions}>
//   //     //     To get started, edit index.ios.js
//   //     //   </Text>
//   //     //   <Text style={styles.instructions}>
//   //     //     Press Cmd+R to reload,{'\n'}
//   //     //     Cmd+D or shake for dev menu
//   //     //   </Text>
//   //     //   <Text>Hello world!</Text>
//   //     //   <Greeting name='Rexxar' url={pic} />
//   //     //   <Greeting name='Jaina' url={pic} />
//   //     //   <Greeting name='Lex' url={pic} />
//   //     //   <Greeting name='Rexxar' url={pic} />
//   //     //   <Greeting name='Jaina' url={pic} />
//   //     //   <Greeting name='Lex' url={pic} />
//   //     //   <Greeting name='Rexxar' url={pic} />
//   //     //   <Greeting name='Jaina' url={pic} />
//   //     //   <Greeting name='Lex' url={pic} />
//   //     //   <Greeting name='Rexxar' url={pic} />
//   //     //   <Greeting name='Jaina' url={pic} />
//   //     //   <Greeting name='Lex' url={pic} />
//   //     // </ScrollView>
//   //
//   //   //   <View style={{flex: 1}}>
//   //   //    <View style={{flex: 1, backgroundColor: 'powderblue'}} />
//   //   //    <View style={{flex: 2, backgroundColor: 'skyblue'}} />
//   //   //    <View style={{flex: 3, backgroundColor: 'steelblue'}} />
//   //   //  </View>
//   //   );
//   // }
//
//   // 初始化模拟数据
//   constructor(props) {
//     super(props);
//     const ds = new ListView.DataSource({rowHasChanged: (r1, r2) => r1 !== r2});
//     this.state = {
//       dataSource: ds.cloneWithRows([
//         'John', 'Joel', 'James', 'Jimmy', 'Jackson', 'Jillian', 'Julie', 'Devin', 'John', 'Joel', 'James', 'Jimmy', 'Jackson', 'Jillian', 'Julie', 'Devin'
//       ])
//     };
//   }
//   render() {
//     return (
//       <View style={{flex: 1, paddingTop: 22}}>
//         <ListView
//           dataSource={this.state.dataSource}
//           renderRow={(rowData) => <Text style={{width: 193, height: 110, fontSize:20}}>{rowData}</Text>}
//         />
//       </View>
//     );
//   }
// }
//
//
//
// const styles = StyleSheet.create({
//   container: {
//     flex: 1,
//     justifyContent: 'center',
//     alignItems: 'center',
//     backgroundColor: '#F5FCFF',
//   },
//   welcome: {
//     fontSize: 20,
//     textAlign: 'center',
//     margin: 10,
//   },
//   instructions: {
//     textAlign: 'center',
//     color: '#333333',
//     marginBottom: 5,
//   },
// });
//
// AppRegistry.registerComponent('chj', () => chj);


import ChjApp from './scripts/ChjApp';

AppRegistry.registerComponent('chj', () => ChjApp);
